<template>
    <div class="content">
      <van-nav-bar
       title="异常设备详情"
       left-text="返回"
       left-arrow
       @click-left="onClickLeft"
     />
     <div class="addtime">
        生成时间:{{ time }}
     </div>
    <div class="AbDeDetail-item" v-for="(item, index) in EPCList" :key="index">
        <div>
            <span>epc名称:{{ item.name }}</span>
        </div>
        <div>
            <span>EPC ID:{{ item.EPCIP }}</span>
        </div>
    </div>
    </div>
  </template>
  
  <script>
  // import dxq  from '../../assets/dxq.png';
  export default {
      name: 'rfifDetail',
    data() {
      return {
        EPCList:[
            { name: 'ADF3', EPCIP: '000000000000'},
            { name: 'ADF3', EPCIP: '000000000000'},
            { name: 'ADF3', EPCIP: '000000000000'},
            { name: 'ADF3', EPCIP: '000000000000'},
            { name: 'ADF3', EPCIP: '000000000000'},
            { name: 'ADF3', EPCIP: '000000000000'},
            { name: 'ADF3', EPCIP: '000000000000'},
        ],
        time: '2024-03-03 15:55:00'
      };
    },
    created(){
      this.title = this.$route.query.title
      // console.log(this.$route.query.title)
    },
    methods: {
      onClickLeft() {
        this.$router.go(-1)
      },
      onSearch() {
      },
      onConfirm() {
      },
      onCancel() {
      },
    },
  };
  </script>
  
  <style scoped>
  ::v-deep .van-nav-bar__content {
   background-color: #fff;
   border-bottom: 1px #ccc solid;
  }
  ::v-deep .van-nav-bar__title{
    color: #000;
  }
  ::v-deep .van-nav-bar .van-icon{
    color: #02a7f0;
  }
  ::v-deep .van-nav-bar__text{
  color: #02a7f0;
  }
  ::v-deep .van-tab--active{
    color: #eb4b4b;
  }
  ::v-deep .van-cell-group {
      margin: 13px 0;
  }
  ::v-deep .van-cell__title{
   font-size: 18px;
   color: #000;
  }
  .AbDeDetail-item{
    border:1px #ccc solid;
    border-radius: 5px;
    font-size: 16px;
    margin: 10px 5px;
  }
  .AbDeDetail-item div{
    height: 30px;
    line-height: 30px;
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
  }
  .looks{
    color: #02a7f0;
    border-bottom: 1px #02a7f0 solid;
  }
  .addtime{
    margin: 20px 10px;
    font-size: 18px;
    border-bottom: 1px #ccc solid;
  }
  </style>